<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>修改密码</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/form.css">
</head>

<body>
  <header class="header container">
    <h1>修改密码</h1>
    <p><a href="./index.html">回到首页</a></p>
  </header>

  <main>
    <form id="passwordChangeForm">
      <span class="error" style="display: none;">修改密码错误！</span>

      <div class="form-group">
        <label for="oldPassword">原始密码：</label>
        <input type="password" id="oldPassword" class="oldpassword" required>
      </div>

      <div class="form-group">
        <label for="newPassword">新密码：</label>
        <input type="password" id="newPassword" class="newpassword" required>
      </div>

      <div class="form-group">
        <label for="confirmNewPassword">确认新密码：</label>
        <input type="password" id="confirmNewPassword" class="rnewpassword" required>
      </div>

      <button type="submit">确认修改</button>
    </form>
  </main>

  <script src="../js/rpwd.js" type="module"></script>
</body>

</html>
